
<div class="warranty" style="background:none repeat scroll 0 0 #FFFFFF;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;">
    <div class="border1"><img src="<?php echo $this->getSkinUrl() ?>images/contact_bg_top.gif" alt="" /></div>
    <div class="title_normal" style="padding:18px 0 10px 15px">
        <div class="border1"><img src="<?php echo $this->getSkinUrl() ?>images/border1.png"></div>
        <div class="title_c"><span >Careers</span></div>
        <div class="border1"><img src="<?php echo $this->getSkinUrl() ?>images/border1.png"></div>
    </div>
    <div id="messages_product_view"><?php echo $this->getMessagesBlock()->getGroupedHtml(); ?></div>
    <div class="box" style="*padding-top: 10px; border:none; background:none;min-height:266px;">
      <?php if ($posts = $this->getRecent()): ?>
       <?php $i = 1;?>
	<?php foreach ($posts as $post): ?>
        <div class="careers_list">
            <div class="border1"><img src="<?php echo $this->getSkinUrl() ?>images/border1.png"></div>
            <div class="n_sub_t" id="downloadsexpand<?php echo $i;?>">
                <h3> <strong class="tt"><?php echo $post->getTitle() . ' - ' . $post->getCloseDate();?></strong> <span class="click" style="overflow: visible;"> <img height="17" width="17" alt="" src="<?php echo $this->getSkinUrl() ?>images/question.png" class="question"> Click to reveal details<a id="temp_img<?php echo $i;?>"> <img height="31" width="31" alt="" src="<?php echo $this->getSkinUrl() ?>images/sworddown.png" class="sword"></a></span></h3>
            </div>
            <div class="border1"><img src="<?php echo $this->getSkinUrl() ?>images/border1.png"></div>
            <div class="normal_box" id="downloadsdetail<?php echo $i++;?>" style="display:none">
                <div class="border1"><img src="<?php echo $this->getSkinUrl() ?>images/border1.png" alt="" /></div>
                <div class="c" style="background: #e9f2f5;">
                    <p style="font-size: 12px; font-weight: bold; color: #355575; line-height: 14px;"><?php echo $post->getTitle(); ?></p>
                    <p style="font-size: 12px;"><?php echo $post->getWage();?></p>
                    <?php echo $post->getPostContent();?>
                    <div id="newsclosebar1" class="closebar">                        
                        <div class="border1"><img style="clear: both; margin: 0;" src="<?php echo $this->getSkinUrl() ?>images/border2.png" alt="" /></div>
                        <div class="closebar_c" style="height: 34px;">
                            <div class="infor" style="display:none">
                                <table cellspacing="0" cellpadding="0">
                                    <tbody>
                                        <tr>
                                            <td><img src="<?php echo $this->getSkinUrl() ?>images/mark1.png" alt="" /></td>
                                            <td>0 mentions</td>
                                            <td><img src="<?php echo $this->getSkinUrl() ?>images/retweet.jpg" alt="" /></td>
                                            <td><img src="<?php echo $this->getSkinUrl() ?>images/like.jpg" alt="" /></td>
                                            <th>0</th>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <input style="float: right;" onclick="popup('<?php echo $post->getTitle();?>')" src="<?php echo $this->getSkinUrl() ?>images/apply_now.png" type="image" value="&nbsp;" />
                        </div>
                        <div class="border1"><img style="clear: both; margin: 0;" src="<?php echo $this->getSkinUrl() ?>images/border2.png" alt="" /></div>
                    </div>
                </div>
                <div class="border1"><img src="<?php echo $this->getSkinUrl() ?>images/border1.png" alt="" /></div>
            </div>
        </div>
        <?php endforeach; ?>
<?php endif; ?>
    </div>
    <div class="bg_bottom_y"><img src="<?php echo $this->getSkinUrl() ?>images/contact_bg_bottom.gif" alt="" /></div>
</div>
<div id="c_pop_big" style="display:none;">
    <div class="bg_opacity"></div>
    <div  id="c_pop"  class="c_pop">
        <div class="form_close" onclick="document.getElementById('c_pop_big').style.display='none'">X</div>
        <form action="<?php echo $this->getUrl();?>contacts/index/postblog" method ="post" id="careers-form-validate"  enctype="multipart/form-data">
            <table class="t_box" cellspacing="0" cellpadding="0">
            
            <tbody>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <th>Your Contact Name</th>
                </tr>
                <tr>
                    <td><input id="name" name="name" class="input290 required-entry" type="text" /></td>
                </tr>
                <tr>
                    <th>Your Email Address</th>
                </tr>
                <tr>
                    <td><input id="email" name="email" class="input290 required-entry" type="text" /></td>
                </tr>
                <tr>
                    <th><span class="textl">Upload Your CV</span><span class="n_pdf">PDF, Word</span></th>
                </tr>
                <tr>
                    <td><div style="position: relative; height: 30px;">
                            <input id="nfile2" class="input290 required-entry" style="position: absolute; left: 0; top: 0;" readonly="readonly" type="text" />
                            <input style="position: absolute; right: 5px; top: 4px;" src="<?php echo $this->getSkinUrl() ?>images/browser.png" type="image" />
                            <input class="input_file required-entry" onchange="document.getElementById('nfile2').value=this.value;" name="nfile" type="file" />
                        </div></td>
                </tr>
                <tr>
                    <th>Cover Letter or Message</th>
                </tr>
                <tr>
                    <td><textarea name="comment" class="textarea270 required-entry"></textarea></td>
                </tr>
                <tr>
                    <th style="text-align: right;"><input src="<?php echo $this->getSkinUrl() ?>images/submit.png" type="image" />
                        <input id="request_position" name="request_position" type="hidden" value="" />
                </tr>
            </tbody>
            
        </table>
        </form>
    </div>
</div>
<script type="text/javascript">// <![CDATA[
    function popup(num){
        var Top = "100px";//screen.height/2 - 174;
        var Left = screen.width/2 - 175 +"px";
        var obj = document.getElementById("c_pop");
        var obj2 = document.getElementById("c_pop_big");
        obj.style.top = Top;
        obj.style.left = Left;
        obj2.style.display = 'block';
		var obj3 = document.getElementById("request_position");
		obj3.value =  num;
    }
    var dataForm = new VarienForm('careers-form-validate', true);
    // ]]></script>
